<div class="row">
    <div class="col text-center">
      <nav aria-label="Library navigation" style="margin-bottom: 1em;">
        {% if page_obj.has_previous %}
          <a title="First Page" href="?page=1&paginate_by={{ paginate_by }}&ordering={{ order_by }}{{ filter_string }}">
            <i class="fas fa-angle-double-left fa-lg"></i>
          </a>
          <a title="Previous Page" href="?page={{ page_obj.previous_page_number }}&paginate_by={{ paginate_by }}&ordering={{ order_by }}{{ filter_string }}">
            <i class="fas fa-angle-left fa-lg"></i>
          </a>
        {% endif %}
        第
        <input type="text" id="id_current_page" value="{{ page_obj.number }}"
               onkeyup="changeLibraryPage(event);"
               data-max-page={{ paginator.num_pages }}
               data-url="&paginate_by={{ paginate_by }}&ordering={{ order_by }}{{ filter_string }}"
               style="max-width: 35px;border: grey 1px solid;background: transparent;color: white;">
        / {{ paginator.num_pages }} 页
        {% if page_obj.has_next %}
          <a title="Next Page" href="?page={{ page_obj.next_page_number }}&paginate_by={{ paginate_by }}&ordering={{ order_by }}{{ filter_string }}">
            <i class="fas fa-angle-right fa-lg"></i>
          </a>
          <a title="Last Page" href="?page={{ paginator.num_pages }}&paginate_by={{ paginate_by }}&ordering={{ order_by }}{{ filter_string }}">
            <i class="fas fa-angle-double-right fa-lg"></i>
          </a>
        {% endif %}
      </nav>
    </div>
</div>